//body {
//  position: relative;
//  width: 100%;
//}

.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
     width: 98%;
    display: flex;
    align-items: center;
    justify-content: space-between;
       height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #66512C;
    .pxToRem(height, 96);
    .left {
        .pxToRem(padding-left, 13);
    }
    .right {
        .pxToRem(padding-right, 40);
    }
    .center {
        font-size: 22px;
    }
}

.m_main {
    position: fixed;
    left: 0;
    top: 0;
    width: 98%;
    z-index:30;
     .pxToRem(height, 80);
      .pxToRem(margin-top, 100);
    .swiper-container {
//      .pxToRem(margin-top, 40);
        .pxToRem( height, 80);
        .pxToRem( line-height, 60);
         width: 100%;
        .swiper-slide {
            .pxToRem(font-size, 30);
            background: #F7F7F7;
            display: flex;
            justify-content: center;
            align-items: center;
            .pxToRem(line-height, 30);
            .colors{
                color: #FF0000 !important;
            }
            a {
                text-decoration: none;
//              color: #000;
            }
        }
    }
    .add {
        .pxToRem(width, 50);
        .pxToRem(height, 50);
        background: #fff;
        position: fixed;
        .pxToRem(right, 0);
        .pxToRem(top, 95);
        .pxToRem(line-height, 60);
        .pxToRem( padding-top, 10);
        z-index: 15;
        text-align: center;
    }
}
.banner {
    z-index: 2;
    left: 0;
    width: 98%;
     .pxToRem(margin-top, 80);
    .swiper-container {
        .pxToRem( padding-top, 120);
        width: 100%;
        height: 100%;
        .swiper-slide {
            text-align: center;
            .pxToRem( font-size, 18);
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            img {
                width: 100%;
                height: 100%;
            }
            a {
                text-decoration: none;
            }
        }
    }
}



.fast {
    width: 98%;
    .pxToRem(margin-top,65);
    h5 {
        display: inline-block;
        .pxToRem( font-size, 33);
        color: #000;
    }
    p {
        .pxToRem( margin-top, -30);
        color: #F5F5F5;
    }
    img {
        width: 100%;
    }
}




.footer {
     position: fixed;
    .pxToRem( height, 90);
    .pxToRem( bottom, 0);
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    z-index: 230;
    dl {
        width: 20%;
        text-align: center;
        dt {
            img {
                .pxToRem( width, 40);
                .pxToRem( height, 40);
            }
        }
        dd {
            margin-left: 0;
        }
    }
}
